<!-- 自定义全局页面加载组件: loadingPage -->
<template>
	<view v-show="loading">
		<!-- 中间logo -->
		<u-loading-page style="z-index: 999;" :style="{ marginTop: loadingMrginTop }" :loading="loading" loadingText=""
			image="/static/images/loading.png" :icon-size="50" bgColor="rgba(255, 255, 255, 0)">
		</u-loading-page>
		<!-- 动画圈 -->
		<u-loading-page style="z-index: 999;" :style="{ marginTop: loadingMrginTop }" :loading="loading"
			loadingColor="#238AD8" color="#238AD8" loadingText="" :icon-size="70" :font-size="30"
			bgColor="rgba(255, 255, 255, 0.1)">
		</u-loading-page>
	</view>
</template>

<script>
	export default {
		props: {
			loading: {
				type: Boolean,
				default: false,
			},
			loadingMrginTop: {
				type: String,
				default: '0rpx',
			}
		},
		data() {
			return {}
		},
		methods: {},
	}
</script>

<style lang="scss" scoped>
</style>